<div data-role="page" id="info" >
    <div data-role="header">
        <h1 id="title" style="overflow:visible; text-align:center;">Information Gathered</h1>
    </div><!-- /header -->

    <div data-role="content" id="infoContent" style="height:300px; font-size:.8em;">   
        <a href="#" id="toggleLiving" style="font-size:1.5em;">Toggle</a>&nbsp;&nbsp;&nbsp;&nbsp;<span id="toggleText" style="font-size:1.5em;">Living</span><br><br>


        <select id="agentSelect">
        </select>

        <h2 id="name"></h2>

        <h2>Known Interests</h2>
        <p><b>Likes</b>: <span id="likes" /> </p>
        <p><b>Dislikes</b>: <span id="dislikes" /> </p>

        <h2>Friends</h2>
        <p><span id="friends" /></p>
        
        <h2>Possible Enemies</h2>
        <p></p>
    </div><!-- /content -->
    <div data-role="footer" class="ui-bar" style="text-align:center;">
        <a href="main.php" class="button" data-role="button">Go Back</a>
    </div>
    <script type="text/javascript" src="info.js"></script>
</div>

